{template 'com/header'}
<link rel="stylesheet" href="{$_W['siteroot']}app/themes/hoto_function/static/css/style.css">
<body class="hPC">	
	<div class="page" style="margin:0;">
		<!-- 幻灯片 -->
		{template 'com/slide'}
		{template 'com/scrollnotice'}
		<div class="content" style="width:100%; min-height:350px;margin-top: -30px;">
			<div class="gun" style="width:100%; height:100px;">
				<div id="slides">
					<ul class="slides_container swiper-wrapper" id="ul1">
						{php $num = 0;}
						{data func="site_navs" item="row"}
						{if $num%4==0}
						<li class="swiper-slide">
						{/if}
							<a href="{$row[url]}" target="_blank">
								<div class="tub">
									{if $row['icon']}
									<img class="tub1" src="{$_W['attachurl']}{$row['icon']}" alt="">
									{else}	
									<i class="fa {$row['css']['icon']['icon']}" style="{$row['css']['icon']['style']};"></i>
									{/if}
								</div>
								<div class="tet"><span><h2>{$row['name']}</h2><br>{$row['description']}</span></div>
							</a>
						{php $num++;}
						{if $num%4==0}
						</li>
						{/if}
						{/data}
					</ul>
					<a href="javascript:;" class="prev">prev</a>
					<a href="javascript:;" class="next" id="soso">next</a>
				</div>
			</div>
			<ul class="neir" style="width:95%; margin-left:2%;border: rgba(37, 195, 137, 0) 1px solid;overflow:hidden; min-height:240px;padding-bottom: 80px;" id="ul2">
				<li class="active">
					<div class="newTit clearfix">
						<div class="fr moreLink">
							<a href="javascript:;">更多功能<i></i></a>
							<ul>
								<li><a href="javascript:;" onClick="tagsFilter($(this),'all')">全部功能</a></li>
								{data module="site" func="site_category" parentid="$_W['styles']['min_cid']"}
									<li><a href="javascript:;" onClick="tagsFilter($(this),{$row['id']})"><span>{$row['name']}</span></a></li>
								{/data}
							</ul>
						</div>
						<h3>全部功能</h3>
						<!-- 所有功能，这里的标题全部动态改变填充 -->
					</div>
					<div class="row" style="min-height: 330px;">
						<!-- 所有功能 -->
						{data module="site" func="site_article" cid="$_W['styles']['min_cid']" limit="888" ishot='true' assign="result" return="true"}
						{if empty($result['list'])}
						<span style="text-align: center; display: block; padding-top: 20px; padding-bottom: 20px;">您还未添加演示模块，请添加后查看</span>
						{/if}
						{loop $result['list'] $row}
						<a href="{$row['linkurl']}" class="item_one" data-type="{$row['ccate']}" style="display: block;">
							{if !empty($row['thumb'])}
							<img class="gntub" src="{$row['thumb']}">
							{else}	
							<img class="gntub" src="{$_W['siteroot']}app/themes/hoto_function/static/bg/nocover.png">
							{/if}
							<div class="tet2"><span>{php echo cutstr($row['title'],15,1);}</span></div>
						</a>
						{/loop}
					</div>
					<div class="fixedBar">
						<div class="SubLinks">
							<ul>
								<li><a href="javascript:;" onClick="tagsFilter($(this),'all')">全部功能</a></li>
								{data module="site" func="site_category" parentid="$_W['styles']['min_cid']"}
									<li><a href="javascript:;" onClick="tagsFilter($(this),{$row['id']})"><span>{$row['name']}</span></a></li>
								{/data}
							</ul>
							<span class="triangle">
							</span>
						</div>
						<a class="aClick" href="javascript:;">
						</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<script>
		var mySwiper2 = new Swiper('#slides', {
			pagination: false,
			paginationClickable: true,
		});
		$('.prev').on('click',
			function(e) {
			e.preventDefault();
			mySwiper2.swipePrev()
		});
		$('.next').on('click',
			function(e) {
			e.preventDefault();
			mySwiper2.swipeNext()
		});
		$(function(){
			$(".newTit .moreLink>a").click(function(){
				if($(this).hasClass('on')){
					$(this).removeClass('on').next().hide();
				}else{
					$(this).addClass('on').next().show();
				}
			});
			$(".fixedBar a.aClick").click(function() {
				$(".fixedBar .SubLinks").toggle();
					return false;
				});
			});
			function tagsFilter(obja,type){//obja是当前的a标签
				var oText=obja.text();
				var newTit=$('.newTit h3').text(oText);
				$(".item_one").hide();
				if(typeof type === 'number'){
					$(".neir .row a[data-type="+type+"]").show();
				}else if(type === 'all'){
					$(".item_one").show();
				}
				$(".fixedBar .SubLinks").hide();
				$(".newTit .moreLink>a").removeClass('on').next().hide();
				$("html,body").stop().animate({scrollTop:$(".newTit").offset().top},1000);
			}
			$(function(){
				var $this = $(".scrollNews");
				var t=null;
				$this.hover(function(){
					clearInterval(t);
				},function(){
					t = setInterval(function(){
					scrollNews( $this );
				}, 4000 );
			}).trigger("mouseleave");
		});
		function scrollNews(obj){
			var $self = obj.find(".yy");
			var lineHeight = $self.find(".tongzhi").eq(0).height();
				$self.animate({"marginTop": -lineHeight +"px"}, 600 , function(){
				$self.css({marginTop:0}).find(".tongzhi").eq(0).appendTo($self);
			})
		}
	</script>
	<style>.copyright{margin-bottom:47px!important;}</style>
	<div class="footer clearfix">
		<a href="tel:{$_W['styles']['index_tel']}"><i></i>电话咨询</a>
		<a href="http://wpa.qq.com/msgrd?v=3&amp;uin={$_W['styles']['index_qq']}&amp;site=qq&amp;menu=yes"><i></i>QQ咨询</a>
	</div>
{template 'com/footer'}